<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>红包</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/commons.css">
    <style>
        body, .mui-content{
            background: #fff;
        }
        .mui-bar{
            background: #d85940;
            border-bottom: none;
        }
        .mui-bar-nav~.mui-content{
            padding-top: 0;
        }
        .mui-bar .mui-icon{
            color: #ffcc99;
        }
        .mui-bar .mui-title {
            /*text-align: left;*/
            color: #ffcc99;
            /*padding-left: 13px;*/
            font-size: 16px;
            /*border-left: 0.5px solid #ffcc99;*/
            line-height: 22px;
            margin-top: 11px;
            /*margin-left: 5px;*/
        }
        .hongbao{
            width: 100%;
        }
        .money{
            font-weight: 700;
            font-size: 50px;
            line-height: 50px;
            position: absolute;
            top:34%;
            color: #000;
            text-align: center;
            width: 100%;
        }
        .money small{
            font-size: 14px;
            font-weight: 500;
        }
        .tips{
            color: #5272af;
            position: absolute;
            top: 44%;
            width: 100%;
            text-align: center;
            font-family: PingFang, sans-serif, Microsoft Yahei;
            font-size: 14px;
        }
        .certain{
            color: #000;
            width: 80%;
            text-align: center;
            display: block;
            margin-top: 20px;
            border: 1px solid #e6e6e6;
            padding: 10px 0;
            margin-left: 10%;
            border-radius: 4px;
            font-size: 18px;
        }
        .views-detail{
            width: 100%;
            text-align: center;
            text-decoration: underline;
            color: #5272af;
            display: block;
            font-size: 14px;
            position: absolute;
            bottom: 56px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="index.html"></a>
    <h1 class="mui-title">红包详情</h1>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-28
    描述：头部结束
-->
<div class="mui-content">
    <img class="hongbao" src="../img/hongbao_detail.png" alt="img">
    <p class="money"><small> 元</small></p>
    <p class="tips">已存入余额，可直接提现</p>
    <a class="certain" href="index.html">确 定</a>
    <!--<a class="views-detail" href="hongbao_detail.html">查看我的积分详情</a>-->
</div>

<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/hongbao.js"></script>
</body>
</html>